<script language="javascript">
    // apply filters  
  jQuery(document).ready(function(){
        jQuery("#list_etapas").jqGrid({
          url: '<?php echo site_url() ?>/gproduccion/dataCategoria',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','Referencia', 'Tipo','C. Servicio','Registro','Fecha R.','D.U.','Etapa A.','Estatus','Etapa',
                      'Total','User','Responsable', 'Estatus','idServicio'],
            colModel :[ 
                          {name:'IdCompania', index:'IdCompania', width:5,hidden:true},
                          {name:'NombreCompania', index:'NombreCompania', width:60},
                          {name:'IdServicio', index:'IdServicio', width:35},
                          {name:'cServicio', index:'clasificacion_servicios', width:25},
                      	  {name:'FechaUsrCompania', index:'FechaUsrCompania', width:30},
                       	  {name:'FechaSistema', index:'FechaSistema', width:8},
                      	  {name:'dias', index:'NombreCompania', width:15},
                      	  {name:'IdEtapa',index:'idStatu',width:25},
                      	  {name:'IdEstatus',index:'idStatu',width:25},
                      	  {name:'Etapa', index:'Etapa', width:20},
                      	  {name:'Total', index:'Total', width:20},
                      	  {name:'User', index:'IdUsuario', width:25},
                      	  {name:'Responsable', index:'Responsable', width:35},
                      	  {name:'estatus', index:'estatus_documento', width:35},
                      	  {name:'idServicio', index:'idServicio', width:5, hidden:true}],
                
            pager: jQuery('#pager_etapas'),
            hiddengrid: false,
            sortname: 'FechaSysCompania',
            rowNum:30,
            rowList:[10,20,30,40,50],
            sortorder: 'ASC',
            height: '100%',
            width: '630',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: true,
            editurl:"http://localhost/company24h/index.php/etapastrx/save",
            onSelectRow: function(ids){
                
                filaSeleccionada = $("#list_etapas").getRowData(ids);
 				
             },
            adjacents: 4,
			/*afterInsertRow: function(rowid, aData){
                                 switch (aData.activa) {
                                     case '1': jQuery("#list_etapas").setCell(rowid,'activa','<img src="' + _base_url + 'public/images/accept.png" />',{color:'green'});
                                         break;
                                     case '0': jQuery("#list_etapas").setCell(rowid,'activa','<img src="' + _base_url + 'public/images/close.png" />',{color:'#ccc'});
                                         break;
								  }
								 
								 switch (aData.completada) {
                                     case '1': jQuery("#list_etapas").setCell(rowid,'completada','<img src="' + _base_url + 'public/images/accept.png" />',{color:'green'});
                                         break;
                                     case '0': jQuery("#list_etapas").setCell(rowid,'completada','<img src="' + _base_url + 'public/images/close.png" />',{color:'#ccc'});
                                         break;
                                 }},*/
            
        jsonReader: { repeatitems : false, IdCompania: "0" }
        }).navGrid('#pager_etapas', {add:false,edit:false,del:false,search:false}, //options
     
        {height:280,reloadAfterSubmit:true}, // edit options 
        {height:280,reloadAfterSubmit:false}, // add options 
        {reloadAfterSubmit:false}, // del options 
        {}) // search options 
        .navButtonAdd('#pager_etapas',{caption:"", buttonimg: _base_url + "public/css/jqgrid/flex/images/text_columns.png", onClickButton:function(){ jQuery("#list").setColumns();}})
         <?php if ($this->session->userdata('LOGGED_DEPAR') == 4 || $this->session->userdata('LOGGED_DEPAR') == 1): ?>
          .navButtonAdd('#pager_etapas',{caption:"", buttonimg: _base_url + "public/img/icons/page_white_delete.png", onClickButton:function(){
              var id = jQuery('#list_etapas').getGridParam('selarrrow');
              var id=lol;
                if (id.length > 0){  
            	      var ret = jQuery("#list_etapas").getRowData(id);
                      window.location = _site_url + '/main_tran/hsegui/' + ret.IdCompania;
            
        } else { jAlert('Debe seleccionar al menos una compania'); }
        return false; } })
        <?php endif;?>
        .navButtonAdd('#pager_etapas',{caption:"Agregar", buttonimg: _base_url + "public/images/new.png", onClickButton:function()
        {window.location = _site_url + "/trancrearcompania/addCompania";}})

        .navButtonAdd('#pager_etapas',{
       	   caption:"Detalles", 
        	  buttonimg: _base_url + "public/images/new.png", 
      	   onClickButton: function(){ 
      		   var idFila = jQuery('#list_etapas').getGridParam('selarrrow');
      		   if(idFila.length == 1){
      			   filaSeleccionada = $("#list_etapas").getRowData(idFila);
                    	window.location = '<?php echo site_url()?>/indicadoresseguimientoci/companyDetails/'+filaSeleccionada['IdCompania'];
          	   }else if(idFila.length >= 2){
          		   jAlert("Solo puedes seleccionar un registro a la vez\npara mostrar los detalles");
                 }else{
  				jAlert("Debe seleccionar un registro");
                 }   
      	    }
      	 })

       .navButtonAdd('#pager_etapas',{caption:"Send Mail.", buttonimg: _base_url + "public/img/icons/mail-ico.png", onClickButton:function(){ 
        var id = jQuery('#list_etapas').getGridParam('selarrrow');
      	if (id.length > 0) {
          	 
      		 var s; 
          	 s = jQuery("#list_etapas").getGridParam('selarrrow'); 
          	 var ret = jQuery("#list_etapas").getRowData(s[2]);
          	 var miArray = ''; 
               var companiaMsg = '';
               
          	 for(var i = 0;i < id.length; i++)
          	 {
          	 	if(miArray.length > 0)
          	 	{
          	 	   miArray= miArray+'-'+jQuery("#list_etapas").getRowData(s[i]).IdCompania;
          	 	}
          	 	else
          	 	{
          	 	   miArray=jQuery("#list_etapas").getRowData(s[i]).IdCompania;
          	 	}
                var  index = i + 1;
          	 	companiaMsg = companiaMsg+index+'.'+jQuery("#list_etapas").getRowData(s[i]).NombreCompania+'<br/>';
          	 }

        	      msg = '<font style="color:#1C1C1C;font-weight:600;font-size: 14px">Enviar Mail a </font> <br/> <font style="color: #0404B4;font-weight:500;font-size: 10px">'+companiaMsg+'</font>';
                 jConfirm(msg, 'Dialogo de Confirmacion', function (r) {
                 if(r) {
                   id=jQuery('#list_etapas').getGridParam('selrow');
                   ret = jQuery("#list_etapas").getRowData(id);
                   window.location = _site_url + '/setupseguimiento/sendmail/'+miArray;
                   }
                });
           }else { jAlert('Debe seleccionar un registro'); }
                    return false; } })


         .navButtonAdd('#pager_etapas',{caption:"Formulario", buttonimg: _base_url + "public/images/new.png", onClickButton:function()
         {

        	 var idCompania = filaSeleccionada['IdCompania'];
        	   var idServicio = filaSeleccionada['idServicio'];
     
        	   if(idServicio == 2 || idServicio == 7){
                   
               	 window.location = _site_url + '/companiadocumentos/enviarData/' + idCompania;
               	 
                }else{
                    
                	jAlert("La Generacion de Formulario solo se aplica a las Companias Propias & Express!");

                	return false;

               }
       		  

          }})

        }); 

  

	 var flAuto = true;
	 var timeoutHnd; 

	 function doSearch(ev)
	 { 
	       if(!flAuto) return; 
	       // var elem = ev.target||ev.srcElement; 
	       if(timeoutHnd) 
	           clearTimeout(timeoutHnd); 
	           timeoutHnd = setTimeout(gridReload,500); 
	 }
	  
	 function enableAutosubmit(state)
	 { 
	       flAuto = state; 
	       jQuery("#submitButton").attr("disabled",state); 
	 }
	 
    function gridReload()
	{ 
		     
	          var et_mask = jQuery("#search_et").val();
	          var color_mask = jQuery("#search_color").val();
	          var array_search = color_mask+'-'+et_mask;
	          
	          jQuery("#list_etapas").setGridParam({url :'<?=site_url() ?>/gproduccion/dataCategoria/'+array_search, page : 1}).trigger('reloadGrid'); 
	 }
	 
</script>
<div class="table_container">
<table>
 			<tr>
			<td style="background: #D9E6F0;border: 1px solid #C3AA64; height: 23px">
			&nbsp;&nbsp;&nbsp;&nbsp;<b>Color:<b/> <select id='search_color' onChange='doSearch(arguments[0]||event)' ><option></option> <?php foreach ($colores as $k): echo '<option value="'.$k.'">'.$k.'</option>'; endforeach;?></select>
            &nbsp;&nbsp;&nbsp;&nbsp;<b>Etapa:<b/> <select id='search_et'    onChange='doSearch(arguments[0]||event)' ><option></option> <?php foreach ($etapas as $k): echo '<option value="'.$k->GetIdEtapa().'">'.$k->GetNombre().'</option>'; endforeach;?></select>
			</td>
	</tr>
<tr><td><div id="titulo">Lista de Compa&ntilde;ias en Producci&oacute;n<hr /></div><br/></td></tr>
<tr>
<td>
    <table id="list_etapas" class="scroll"></table>
    <div id="pager_etapas" class="scroll" style="text-align:center;"></div>
    
	</td>
 	</tr>
 	
 </table>
</div>
